<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="<%=request.getContextPath() %>" />
<script type="text/javascript" src="./js/jquery-1.4.3.js"></script>
<script type="text/javascript" src="./js/jquery.cookie.js"></script>
<HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="shortcut icon"
	href="${ctx}/favicon.ico" type="image/x-icon" />
<TITLE>非常规气藏分析</TITLE>
<script type="text/javascript">
	$(document).ready(function() {

		if ($.cookie("rmbUser") == "true") {
			$("#ck_rmbUser").attr("checked", true);
			$("#userId").val($.cookie("username"));
			$("#password").val($.cookie("password"));
		}
	});
	//记住用户名密码
	function Save() {
		if ($("#ck_rmbUser").attr("checked")) {
			var str_username = $("#userId").val();
			var str_password = $("#password").val();
			$.cookie("username", str_username, {
				expires : 7
			});
			$.cookie("password", str_password, {
				expires : 7
			});
			$.cookie("rmbUser", "true", {
				expires : 7
			}); //存储一个带7天期限的cookie
		} else {
			$.cookie("rmbUser", "false", {
				expire : -1
			});
			$.cookie("username", "", {
				expires : -1
			});
			$.cookie("password", "", {
				expires : -1
			});
		}
	};
</script>

<style type="text/css">
.STYLE1 {
	font-size: 12px
}

body,td,th {
	font-family: 宋体;
	font-size: 12px;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.STYLE3 {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}

#wrap {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
}
</style>
<script language="javascript">
	function check() {
	var str_username = $("#userId").val();
	
		if (form.name.value.trim() == "") {
			alert("\请输入你的用户名。");
			form.name.focus();
			return false;
		}
		if (form.password.value.length == "") {
			alert("\请输入你的密码。");
			form.password.focus();
			return false;
		}
	}
</script>
<script type="text/javascript">
	function MM_findObj(n, d) { //v4.01
		var p, i, x;
		if (!d)
			d = document;
		if ((p = n.indexOf("?")) > 0 && parent.frames.length) {
			d = parent.frames[n.substring(p + 1)].document;
			n = n.substring(0, p);
		}
		if (!(x = d[n]) && d.all)
			x = d.all[n];
		for (i = 0; !x && i < d.forms.length; i++)
			x = d.forms[i][n];
		for (i = 0; !x && d.layers && i < d.layers.length; i++)
			x = MM_findObj(n, d.layers[i].document);
		if (!x && d.getElementById)
			x = d.getElementById(n);
		return x;
	}
	function MM_swapImgRestore() { //v3.0
		var i, x, a = document.MM_sr;
		for (i = 0; a && i < a.length && (x = a[i]) && x.oSrc; i++)
			x.src = x.oSrc;
	}
	function MM_swapImage() { //v3.0
		var i, j = 0, x, a = MM_swapImage.arguments;
		document.MM_sr = new Array;
		for (i = 0; i < (a.length - 2); i += 3)
			if ((x = MM_findObj(a[i])) != null) {
				document.MM_sr[j++] = x;
				if (!x.oSrc)
					x.oSrc = x.src;
				x.src = a[i + 2];
			}
	}
</script>

</head>
<body bgcolor="#FFFFFF">
	<div id='wrap'>
		<table width="100%" height="100%" border="0" cellspacing="0"
			cellpadding="0">
			<tr>
				<td height="690" valign="top" background="./images/01.gif">
					<table width="1000" height="690" border="0" align="center"
						cellpadding="0" cellspacing="0" id="__01">
						<tr>
							<td colspan="5" valign="top">
								<table id="__" width="1000" height="304" border="0"
									cellpadding="0" cellspacing="0">
									<tr>
										<td valign="top"><img src="./images/t_01_hn.jpg"
											width="1000" height="282" alt=""></td>
									</tr>
									<tr>
										<td height="22">&nbsp;</td>
									</tr>
								</table>
							</td>
						</tr>
						<tr>
							<td colspan="5"><img src="./images/JCDJ_LOGIN_02.gif"
								width="1000" height="37" alt=""></td>
						</tr>
						<tr>
							<td width="453" rowspan="4"><img
								src="./images/JCDJ_LOGIN_03.gif" width="453" height="349" alt="">
							</td>
							<td colspan="3"><img
								src="./images/nwmh_adminLOGIN_04_hn.jpg" width="432" height="63"
								alt=""></td>
							<td width="115" rowspan="4"><img
								src="./images/JCDJ_LOGIN_05.gif" width="115" height="349" alt="">
							</td>
						</tr>
						<tr>
							<td width="47"><img src="./images/JCDJ_LOGIN_06.gif"
								width="47" height="129" alt=""></td>
							<td width="337" background="./images/login_bg.gif"
								valign="middle">
								<form id="login" name="form" action="${basePath}/indexPage"
									method="post" onsubmit="return check();">
									<input type="hidden" name="act" value="login" />
									<table width="100%" border="0" cellspacing="0" cellpadding="0">
										<tr>
											<td height="30">
												<div align="right" class="STYLE3">用户名：</div>
											</td>
											<td><input type="text" style="height: 22; width: 140px"
												id="userId" name="name"
												onkeyPress="keyEnter(event.keyCode,1)"></td>
											<td>
												<div align="center">
													<img src="./images/dl_1.gif" width="62" style="cursor:hand"
														height="25" id="Image1"
														onMouseOver="MM_swapImage('Image1','','./images/dl_2.gif',1)"
														onMouseOut="MM_swapImgRestore()"onClick="check();if(check()==false){return false;}else{document.form.submit();}">
												</div>
											</td>
										</tr>
										<tr>
											<td height="30">
												<div align="right" class="STYLE3">密&nbsp;&nbsp;码：</div>
											</td>
											<td><input type="password"
												style="height: 22; width: 140px" id="password"
												name="password" onkeyPress="keyEnter(event.keyCode,2)">
											</td>
											<td>
												<div align="center">
													<img src="./images/cz_1.gif" width="62" style="cursor:hand"
														height="25" id="Image2"
														onMouseOver="MM_swapImage('Image2','','./images/cz_2.gif',1)"
														onMouseOut="MM_swapImgRestore()" onClick="form.reset()">
												</div>
											</td>
										</tr>
										<tr>
											<td height="30">
												<div align="right" class="STYLE3">
													<input type="checkbox" id="ck_rmbUser" onclick="Save()"
														name="rempwd" value="y">&nbsp;
												</div>
											</td>
											<td>
												<div align="left" id="txt_password" class="STYLE3">记住密码</div>
											</td>
										</tr>
									</table>
								</form>
							</td>
							<td width="48"><img src="./images/JCDJ_LOGIN_08.gif"
								width="48" height="129" alt=""></td>
						</tr>
						<tr>
							<td colspan="3"><img src="./images/JCDJ_LOGIN_09.gif"
								width="432" height="32" alt=""></td>
						</tr>
						<tr>
							<td colspan="3" style="width:432;height:125;" valign="top"
								align="center" background="./images/JCDJ_LOGIN_10.gif">
								<!-- 进度条 -->
								<div id="checkCom" name="checkCom" style="visibility:visible;"></div>
							</td>
						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td valign="top" bgcolor="#012D65">&nbsp;</td>
			</tr>
		</table>

		<!-- 控件检测 -->
		<div id="CellCover" name="CellCover" style="width:0px;height:0px">
		</div>

	</div>



</body>
</html>